<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //创建set集合
        let setarr = new Set(['apple', 'banna', 'pear'])
        console.log(setarr)

        //add：添加元素进set
        setarr.add("orange")
        console.log(setarr)

        //delete：删除元素
        setarr.delete("banna")
        console.log(setarr)

        //has：判断set里是否有这个类
        console.log(setarr.has("banna"))
        console.log(setarr.has("orange"))

        //size：set集合长度
        console.log(setarr.size)

        //Array.from()：set转成Array  //1/
        let arr1 = Array.from(setarr)
        console.log(arr1)

        //[...xxx]扩展运算符可以展开可迭代对象（如字符串拆分），也可以将set集合转变为数组
        let web = "邓睿编程"
        console.log([...web])

        console.log([...setarr])     //2/

        //使用for...of遍历set集合
        for (let items of setarr) {
            console.log("for...of", items)
        }
        //利用forEach遍历set集合
        setarr.forEach((value) => {
            console.log("forEach", value)
        })
        //数组和set的区别：数组有index,set没有
        setarr.forEach((value, index) => {
            console.log("forEach", value, "index", index)
        })

        //数组转set集合
        let numberarr = [1, 2, 3, 4, 1, 2]
        numberset = new Set(numberarr)
        console.log(numberset)
        //clear：清空set集合
        numberset.clear()
        console.log(numberset)
    </script>
</body>

</html>